<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                template="layout_2.xhtml"
                xmlns:f="http://java.sun.com/jsf/core">




    <ui:define name="content">
        <f:view>

            <h:form id="form" >
                <center>      
                    <a4j:commandButton  id="linkA" action="#{przegladajAutora.getListaAutorow}" value="A"  render="table">
                        <a4j:param  name="username" value="A" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkB" action="#{przegladajAutora.getListaAutorow}" value="B"  render="table">
                        <a4j:param  name="username" value="B" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkC" action="#{przegladajAutora.getListaAutorow}" value="C"  render="table">
                        <a4j:param  name="username" value="C" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkCC" action="#{przegladajAutora.getListaAutorow}" value="Ć"  render="table">
                        <a4j:param  name="username" value="Ć" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkD" action="#{przegladajAutora.getListaAutorow}" value="D"  render="table">
                        <a4j:param  name="username" value="D" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkE" action="#{przegladajAutora.getListaAutorow}" value="E"  render="table">
                        <a4j:param  name="username" value="E" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkEE" action="#{przegladajAutora.getListaAutorow}" value="Ę"  render="table">
                        <a4j:param  name="username" value="Ę" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkF" action="#{przegladajAutora.getListaAutorow}" value="F"  render="table">
                        <a4j:param  name="username" value="F" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkG" action="#{przegladajAutora.getListaAutorow}" value="G"  render="table">
                        <a4j:param  name="username" value="G" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkH" action="#{przegladajAutora.getListaAutorow}" value="H"  render="table">
                        <a4j:param  name="username" value="H" assignTo="#{przegladajAutora.selectedString}"  />
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkI" action="#{przegladajAutora.getListaAutorow}" value="I"  render="table">
                        <a4j:param  name="username" value="I" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkJ" action="#{przegladajAutora.getListaAutorow}" value="J"  render="table">
                        <a4j:param  name="username" value="J" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkK" action="#{przegladajAutora.getListaAutorow}" value="K"  render="table">
                        <a4j:param  name="username" value="K" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkL" action="#{przegladajAutora.getListaAutorow}" value="L"  render="table">
                        <a4j:param  name="username" value="L" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkŁ" action="#{przegladajAutora.getListaAutorow}" value="Ł"  render="table">
                        <a4j:param  name="username" value="Ł" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkM" action="#{przegladajAutora.getListaAutorow}" value="M"  render="table">
                        <a4j:param  name="username" value="M" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkN" action="#{przegladajAutora.getListaAutorow}" value="N"  render="table">
                        <a4j:param  name="username" value="N" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkŃ" action="#{przegladajAutora.getListaAutorow}" value="Ń"  render="table">
                        <a4j:param  name="username" value="Ń" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkO" action="#{przegladajAutora.getListaAutorow}" value="O"  render="table">
                        <a4j:param  name="username" value="O" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkÓ" action="#{przegladajAutora.getListaAutorow}" value="Ó"  render="table">
                        <a4j:param  name="username" value="Ó" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkP" action="#{przegladajAutora.getListaAutorow}" value="P"  render="table">
                        <a4j:param  name="username" value="P" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkR" action="#{przegladajAutora.getListaAutorow}" value="R"  render="table">
                        <a4j:param  name="username" value="R" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkS" action="#{przegladajAutora.getListaAutorow}" value="S"  render="table">
                        <a4j:param  name="username" value="S" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkŚ" action="#{przegladajAutora.getListaAutorow}" value="Ś"  render="table">
                        <a4j:param  name="username" value="Ś" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkT" action="#{przegladajAutora.getListaAutorow}" value="T"  render="table">
                        <a4j:param  name="username" value="T" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkU" action="#{przegladajAutora.getListaAutorow}" value="U"  render="table">
                        <a4j:param  name="username" value="U" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkW" action="#{przegladajAutora.getListaAutorow}" value="W"  render="table">
                        <a4j:param  name="username" value="W" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkY" action="#{przegladajAutora.getListaAutorow}" value="Y"  render="table">
                        <a4j:param  name="username" value="Y" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkZ" action="#{przegladajAutora.getListaAutorow}" value="Z"  render="table">
                        <a4j:param  name="username" value="Z" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkŹ" action="#{przegladajAutora.getListaAutorow}" value="Ź"  render="table">
                        <a4j:param  name="username" value="Ź" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>
                    <a4j:commandButton  id="linkZZ" action="#{przegladajAutora.getListaAutorow}" value="Ż"  render="table">
                        <a4j:param  name="username" value="Ż" assignTo="#{przegladajAutora.selectedString}"/>
                    </a4j:commandButton>



                    <br></br><br></br>
                    <rich:dataScroller for="table" maxPages="5" />   
                    <rich:dataTable 
                        onrowmouseover="this.style.backgroundColor='#F1F1F1'"
                        onrowmouseout="this.style.backgroundColor='#FFFFFF'"
                        id="table" 
                        value="#{przegladajAutora.dataList}" 
                        var="item" 
                        rows="30" 
                        >
                        <f:facet name="noData">
                            Brak autorów
                        </f:facet>     
                        <rich:column sortBy="#{item.nazwisko}">
                            <f:facet name="header">
                                <h:outputText value="Nazwisko autora" />
                            </f:facet>
                            <h:outputText value="#{item.nazwisko}" />
                        </rich:column>
                        <rich:column sortBy="#{item.imie}">
                            <f:facet name="header">
                                <h:outputText value="Imię autora" />
                            </f:facet>
                            <h:outputText value="#{item.imie}" />
                        </rich:column>                        
                        <rich:column>
                            <f:facet name="header">
                                <h:outputText value="Akcja" />
                            </f:facet>
                            <a4j:commandButton id="edytujAutoraButton"  value="Edytuj" oncomplete="#{rich:component('popupEA')}.show()" render="name, surname">           
                                <f:setPropertyActionListener value="#{item}" target="#{edytujAutora.autor}" /> 
                            </a4j:commandButton>  

                            <a4j:commandButton id="usunAutoraButton"  value="Usuń" oncomplete="#{rich:component('popupRA')}.show()" render="nameusun, surnameusun">           
                                <f:setPropertyActionListener value="#{item}" target="#{usunAutora.autor}" />
                            </a4j:commandButton>    
                        </rich:column>
                    </rich:dataTable>
                    <rich:dataScroller for="table" maxPages="5" />   
                    <rich:notifyMessages stayTime="2000" nonblocking="true" />
                </center>
            </h:form>

            <rich:popupPanel id="popupEA" modal="false" autosized="true" resizeable="false">
                <f:facet name="header">
                    <h:outputText value="Edytuj autora" />
                </f:facet>
                <f:facet name="controls">
                    <h:outputLink value="#" onclick="#{rich:component('popupEA')}.hide(); return false;">
                        X
                    </h:outputLink>
                </f:facet>
         <h:form>       
         <h:panelGrid columns="2">
            <h:outputText value="Imię: "/>
            <h:inputText value="#{edytujAutora.imie}" id="name" style="width:200px;" validatorMessage="Imię nie może być puste">
                            <f:validateLength minimum="1" />
                            <f:validateRequired />
                            <rich:validator />
                        </h:inputText>
            
            <h:outputText value="Nazwisko: "/>
            <h:inputText value="#{edytujAutora.nazwisko}" id="surname" style="width:200px;" validatorMessage="Nazwisko nie może być puste">
                            <f:validateLength minimum="1" />
                            <f:validateRequired />
                            <rich:validator />
                        </h:inputText>
             
             <br></br>
             <rich:messages/>
                 
        </h:panelGrid>
                        
        
                <a4j:commandButton value="zapisz zmiany"  render="name, surname"
                             action="#{edytujAutora.edytuj()}" 
                             oncomplete="#{rich:component('popupEA')}.hide();" />
             </h:form>   
            </rich:popupPanel>   

            
            
            
            
            
            <rich:popupPanel id="popupRA" modal="false" autosized="true" resizeable="false">
                <f:facet name="header">
                    <h:outputText value="Usuń autora" />
                </f:facet>
                <f:facet name="controls">
                    <h:outputLink value="#" onclick="#{rich:component('popupRA')}.hide(); return false;">
                        X
                    </h:outputLink>
                </f:facet>
                <h:form>
         <h:panelGrid columns="1">
            <h:outputText value="Czy na pewno chcesz usunąć tego autora?"/><br></br>
            <h:outputText value="#{usunAutora.imie}" id="nameusun" /> <h:outputText value="#{usunAutora.nazwisko}" id="surnameusun" />
             
             <br></br><br></br>
             <rich:messages/>
                 
        </h:panelGrid>
                
                <a4j:commandButton value="tak"
                             action="#{usunAutora.usun()}" 
                             onclick="#{rich:component('popupRA')}.hide();" />
                
                <a4j:commandButton value="nie" 
                             onclick="#{rich:component('popupRA')}.hide();" />
              </h:form>  
            </rich:popupPanel>

        </f:view>
    </ui:define>

</ui:composition>
